<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
</body>
<script>
        const arr = [1,2,3,4,5,6,7,8,9,10];
        for(let key in arr){
            let value = arr[key];
            Object.defineProperty(arr,key,{
                get(){
                    console.log(`get:${key}`)
                    return value;
                },
                set(newValue){
                    console.log(`set:${key} to ${newValue}`)
                    return value = newValue;
                }
            })
        } 
        arr[0] = 99;
        arr[3]
        arr.shift();
</script>
</html>